<!-- 必须全局拥有唯一的id -->
<div id="WfiWorkflow2bizGroup">
    <el-form-q form="query" :field-data="queryFields" search-table="WfiWorkflow2bizList" ></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="add" @click="openCreateFn" >{{ $t('WfiWorkflowBizGroup.xz') }}</el-button>
            <el-button  icon="edit" @click="openEditFn" >{{ $t('WfiWorkflowBizGroup.xg') }}</el-button>
            <el-button  icon="delete"  @click="deleteFn" >{{ $t('WfiWorkflowBizGroup.sc') }}</el-button>
            <el-button icon="edit" @click="openDetailFn" >{{ $t('WfiWorkflowBizGroup.zk') }}</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="WfiWorkflow2bizList"  :max-height="height"  :data="data"
                :data-url="urls.dataUrl" :base-params="dataParams" :table-columns="tableColumns" >
    </el-table-x>
    <!--{{ $t('WfiWorkflowBizGroup.xz') }}-->
    <el-dialog-x :title="addTitle" :visible.sync="addDialogFormVisible"  height="370px" width="700px">
        <el-form-x ref="WfiWorkflow2bizFormAdd" :group-fields="updateFieldsAdd" :disabled="addFormDisabled" label-width="110px"></el-form-x>
        <div slot="footer" align="center">
            <el-button  type="primary" @click="saveCreateFn()">{{ $t('WfiWorkflowBizGroup.qd') }}</el-button>
            <el-button @click="addDialogFormVisible = false">{{ $t('WfiWorkflowBizGroup.gb') }}</el-button>
        </div>
    </el-dialog-x>
    <!--{{ $t('WfiWorkflowBizGroup.xg') }}、{{ $t('WfiWorkflowBizGroup.zk') }}-->
    <el-dialog-x :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible"  height="370px" width="700px" @close="beforeClose">
        <el-tabs v-model="tabName" >
            <el-tab-pane :label="$t('WfiWorkflowBizGroup.lcsyywpz')" name="first">
                <el-form-x ref="WfiWorkflow2bizForm" :group-fields="updateFields" :disabled="formDisabled" label-width="110px"></el-form-x>
            </el-tab-pane>
            <el-tab-pane :label="$t('WfiWorkflowBizGroup.jdpz')" name="second">
                <div class="yu-toolBar">
                    <el-button-group>
                        <el-button v-if="dialogStatus=='update'" icon="add" @click="openNodeCreateFn" >{{ $t('WfiWorkflowBizGroup.xz') }}</el-button>
                        <el-button v-if="dialogStatus=='update'" icon="edit" @click="openNodeEditFn" >{{ $t('WfiWorkflowBizGroup.xg') }}</el-button>
                        <el-button v-if="dialogStatus=='update'" icon="delete" @click="deleteNodeFn" >{{ $t('WfiWorkflowBizGroup.sc') }}</el-button>
                    </el-button-group>
                </div>
                <el-table-x ref="WfiNode2bizList"
                            :data-url="urls.nodeDataUrl" :base-params="nodeDataParams" :table-columns="nodeTableColumns" >
                </el-table-x>
            </el-tab-pane>
        </el-tabs>
        <div slot="footer" align="center">
            <el-button v-if="dialogStatus=='update'" type="primary" @click="saveEditFn()">{{ $t('WfiWorkflowBizGroup.qd') }}</el-button>
            <el-button @click="dialogFormVisible = false">{{ $t('WfiWorkflowBizGroup.gb') }}</el-button>
        </div>
    </el-dialog-x>
    <!--流程标识及名称选取框-->
    <el-dialog-x :title="title" :visible.sync="dialogVisibleWfSign" height="360px" width="550px">
        <el-form-q form="queryWfSign" :field-data="queryWfSignFileds" search-table="wfSignList"  :buttons="wfSignButtons"></el-form-q>
        <el-table-x ref="wfSignList" :data-url="urls.wfSignUrl" :base-params="wfSignParams" :table-columns="wfSignTableColumns" >
        </el-table-x>
        <div slot="footer" align="center">
            <el-button type="primary" @click="returnWfSign">{{ $t('WfiWorkflowBizGroup.xqfh') }}</el-button>
        </div>
    </el-dialog-x>
    <!--{{ $t('WfiWorkflowBizGroup.xz') }}节点配置-->
    <el-dialog-x :title="NodeTitle[nodeDialogStatus]" :visible.sync="NodeDialogFormVisible"  height="370px" width="700px">
        <el-form-x ref="WfiNode2bizForm" :group-fields="updateNodeFields" :disabled="NodeFormDisabled" label-width="110px"></el-form-x>
        <div slot="footer" align="center">
            <el-button v-if="nodeDialogStatus=='creat'" type="primary" @click="saveNodeCreateFn()">{{ $t('WfiWorkflowBizGroup.qd') }}</el-button>
            <el-button v-if="nodeDialogStatus=='update'" type="primary" @click="saveNodeUpdateFn()">{{ $t('WfiWorkflowBizGroup.qd') }}</el-button>
            <el-button @click="NodeDialogFormVisible = false">{{ $t('WfiWorkflowBizGroup.gb') }}</el-button>
        </div>
    </el-dialog-x>
    <!--节点ID及名称选取框-->
    <el-dialog-x :title="nodetitle" :visible.sync="dialogVisibleNode" height="360px" width="550px">
        <el-table-x ref="nodeList" :data-url="urls.nodeListUrl" :base-params="nodeParams" :table-columns="nodeColumns" >
        </el-table-x>
        <div slot="footer" align="center">
            <el-button type="primary" @click="returnNode">{{ $t('WfiWorkflowBizGroup.xqfh') }}</el-button>
        </div>
    </el-dialog-x>
    <!--业务功能页面选择-->
    <el-dialog-x :title="functionTitle" :visible.sync="dialogVisibleFunction" height="360px" width="550px" @close="beforeFuncClose">
        <el-form-q :field-data="funcQueryFields" :buttons="funcQueryButtons" ></el-form-q>
        <el-table-x ref="funcTable"
                    :data-url="urls.funcDataUrl" :base-params="functionParams" :table-columns="funcTableColumns" >
        </el-table-x>
        <div slot="footer" align="center">
            <el-button type="primary" @click="returnFunction">{{ $t('WfiWorkflowBizGroup.xqfh') }}</el-button>
        </div>
    </el-dialog-x>
</div>
